<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>蜗牛学堂-课程详情</title>
    <meta name="keywords" content="蜗牛学堂">
    <meta name="description" content="蜗牛学堂">
	<link href="/css/v2_index.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="/js/jquery.js"></script>
	<script language="javascript" type="text/javascript" src="/js/dedeajax2.js"></script>
    <style type="text/css">
        .yin {
            display: none !important;
        }

        /*课程封面图*/
        .container {
            width: 1180px;
        }

        .course-cover {
            background: #fff;
            padding: 20px 0 20px 20px;
            position: relative;
            -webkit-box-shadow: 0px 1px 2px #bbb;
            box-shadow: 0px 1px 2px #bbb;
            border-radius: 8px;
        }

        .course-thum {
            float: left;
        }

        .course-thum img {
            width: 450px;
            height: 253px;
        }

        .course-info {
            float: left;
            width: 600px;
            height: 253px;
            padding-left: 25px;
            position: relative;
        }

        .course-info h1 {
            line-height: 36px;
            color: #333;
            font-size: 24px;
            padding: 0 0 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        /*课程价格/进入学习*/
        .course-zj-djl {
            color: #999;
            font-size: 14px;
            line-height: 20px;
            padding-bottom: 15px;
        }

        .curr-price, .old-price {
            font-size: 28px;
            color: #f30;
        }

        .old-price {
            vertical-align: top;
            line-height: 42px;
            font-size: 14px;
            color: #999;
            text-decoration: line-through;
            margin-left: 10px;
        }

        .yxw-list-jineuxuexi {
            position: absolute;
            bottom: 0;
            overflow: hidden;
            padding-top: 20px;
        }

        .yxw-list-jineuxuexi a {
            width: 125px;
            height: 40px;
            line-height: 40px;
            display: inline-block;
            text-align: center;
            color: #ff700a;
            border: 1px solid #ff700a;
            font-size: 18px;
            margin-right: 3px;
            border-radius: 3px;
        }

        .yxw-list-jineuxuexi a:hover {
            background: #ff700a;
            color: #fff;
            transition: 0.3s;
        }

        /*列表课程内容*/
        .course-cover-2 {
            width: 1200px;
            margin: 0 auto;
            margin-top: 20px;
            padding-bottom: 50px;
        }

        .course-cover-fl {
            width: 900px;
            min-height: 400px;
            background: #fff;
            float: left;
            border: 1px solid #e5e5e5;
            border-radius: 8px;
        }

        .course-cover-fr {
            width: 270px;
            background: #fff;
            float: right;
            border: 1px solid #e5e5e5;
            border-radius: 8px;
        }

        /*TAB切换*/
        .aui-nav-list-box {
            overflow: hidden;
            border-bottom: 1px solid #e5e5e5;
            background: linear-gradient(#fff, #fafafa);
            border-top-right-radius: 8px;
            border-top-left-radius: 8px;
        }

        .aui-nav-list-box ul li {
            float: left;
            cursor: pointer;
            color: #333;
            height: 48px;
            line-height: 48px;
            border-right: solid 1px #e5e5e5;
            font-size: 16px;
        }

        .aui-nav-list-box ul li span {
            display: block;
            padding: 0 25px;
        }

        .aui-nav-list-box ul li span:hover {
            color: #ff700a;
        }

        .aui-nav-list-box .aui-current {
            color: #ff700a;
            background: #fff;
            font-weight: bold;
        }

        .aui-nav-list-item {
            display: none;
        }

        /*课程详情介绍*/
        .yxw-kc-jianjie {
            padding: 25px 25px;
        }

        .yxw-kc-jianjie h3 {
            font-size: 18px;
            color: #333;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .yxw-kc-jianjie p {
            color: #333;
            font-size: 14px;
            padding-bottom: 20px;
            line-height: 24px;
            text-align: justify;
        }

        .yxw-kc-jianjie p img {
            display: block;
            margin-top: -20px;
        }

        /*课程目录*/
        .aui-nav-list-h3 {
            overflow: hidden;
            font-size: 14px;
            color: #333;
            line-height: 50px;
            text-align: center;
        }

        .task-task-list .task-task-item {
            position: relative;
            width: 100%;
            line-height: 50px;
            background: #fff;
            border-bottom: 1px solid #eee;
            box-sizing: border-box;
            padding: 0 30px 0 25px;
            display: block;
            color: #333;
        }

        .task-task-list .task-task-item:hover {
            background-color: #fcfcfc;
            color: #000;
        }

        .task-task-list .task-task-item .yxw-ks {
            width: 55px;
            color: #999;
            font-size: 14px;
            display: inline-block;
            padding-right: 10px;
        }

        .yxw-kc-s {
            position: absolute;
            top: 15px;
            right: 25px;
            width: 20px;
            height: 20px;
            background: url(http://m-zsff.yssdsp.com/m-images/yxw-kc-s.png) center no-repeat;
            background-size: 20px 20px;
        }

        .keshikan {
            font-size: 14px;
            color: #393;
            position: absolute;
            top: 0;
            right: 25px;
        }

        /*右边信息*/
        .course-cover-fr h3 {
            color: #333;
            font-size: 16px;
            padding: 0 25px;
            line-height: 50px;
            border-bottom: 1px solid #e5e5e5;
            background: linear-gradient(#fff, #fafafa);
            border-top-right-radius: 8px;
            border-top-left-radius: 8px;
        }

        .course-cover-fr ul {
            padding: 10px 25px 20px;
        }

        .course-cover-fr li {
            position: relative;
            -webkit-transition: -webkit-box-shadow 0.5s linear;
            transition: box-shadow 0.5s linear;
            border-bottom-right-radius: 8px;
            border-bottom-left-radius: 8px;
        }

        .course-cover-fr li:hover {
            -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }

        .course-cover-fr li img {
            width: 220px;
            height: 124px;
            display: block;
            border-top-right-radius: 8px;
            border-top-left-radius: 8px;
        }

        .course-cover-fr li .link {
            display: block;
        }

        .course-cover-fr li .title {
            line-height: 20px;
            color: #333;
            font-size: 14px;
            display: block;
            padding: 10px 15px 15px;
            background: #f7f8f9;
            margin-bottom: 10px;
            border-bottom-right-radius: 8px;
            border-bottom-left-radius: 8px;
        }

        .course-cover-fr li .title:hover {
            color: #00bca1;
        }

        .course-cover-fr li span {
            position: absolute;
            top: 95px;
            right: 10px;
            background: rgba(0, 0, 0, 0.6);
            color: #fff;
            font-size: 12px;
            border-radius: 4px;
            padding: 2px 6px;
        }
    </style>
</head>
<body>

<!-- top头部 -->
<div class="dwz-box"></div>

<div class="head-container">
    <div class="wrap">

        <!-- logo -->
        <a class="logo" href="#" rel="nofollow"></a>
        <!-- logo End -->

        <!-- 网站导航 -->
        <div class="nav-item-box">
            <a href="/index" class="pc-yxw-nav">首页</a>
            <a href="/course" class="pc-yxw-nav">视频课程</a>
            <a href="#" class="pc-yxw-nav" rel="nofollow">会员特权</a>
            <a href="#" class="pc-yxw-nav">干货分享</a>
            <a class="pc-yxw-nav btn1" style="cursor:pointer;">手机学课</a>
        </div>
        <!-- 网站导航 End -->

        <!-- 课程搜索 -->
        <div class="ysearch-box">
            <form method="post" name="f1" action="#" onsubmit="return checkSearchForm()">
                <input type="hidden" name="kwtype" value="0">
                <input type="hidden" id="driverId" name="channeltype" value="17">
                <input type="text" class="yfixtext" id="keyword" name="keyword" placeholder="搜索课程" autocomplete="off">
                <input type="submit" class="fixsbmt" value="">
            </form>
        </div>
        <!-- 课程搜索 End -->

        <!-- 登录/注册 -->
        <div class="topRight">
            <div class="sign-box" id="_userlogin">
                <a class="a globalLoginBtn" href="#" rel="nofollow">登录</a>
                <a class="a register" href="#" rel="nofollow">注册</a>
            </div>
        </div>
        <!-- 登录/注册 End -->
    </div>
</div>

<!-- top头部 End -->

<div class="top-yxw-pc-gl"></div>

<!-- 面包削 -->
<div class="mianbaoxiao clearfix">
    <div class="mianbao-min">
        <a href="#" rel="nofollow">首页</a> /
        <a href="#" rel="nofollow">课程</a> / 百度百科零基础入门到精通
    </div>
</div>
<!-- 面包削End -->

<!-- 列表 -->
<div class="course-head">
    <div class="course-cover container">

        <!-- 课程缩略图 -->
        <div class="course-thum">
			<img class="course-img-bg lazy-img" src="https://woniu-demo.oss-cn-shenzhen.aliyuncs.com/8aa000f7791743488f9220179495a9c5.jpg" style="display: inline;"></div>
        <!-- 课程缩略图 End -->

        <div class="course-info">
            <h1>Java从入门到精通</h1>
            <div class="course-zj-djl">
				<span class="jishu" style="padding-right:10px;">共<span>0</span>节课</span>
				<span class="xuexicisu"><span>100</span>次学习</span>
			</div>

            <!-- 课程价格 -->
            <li class="price needBuy">
                <span class="curr-price">￥<span>1.00</span> </span>
            </li>
            <!-- 课程价格 End -->

            <!-- 课程购买/进入学习 -->
            <div class="yxw-list-jineuxuexi">
                <!--<a href="#" class="list-kc-goumai" target="_blank">立即购买</a>-->

                <a href="http://localhost:8030/order?courseId=1670711989769093122"
                   class="list-kc-goumai" target="_blank">立即购买</a>

                <a href="#" class="list-kc-goumai huiyuan-mf" target="_blank"
                   style="font-size:16px;color:#fff !important;background:#ff700a !important;">VIP免费学</a>
            </div>
            <!-- 课程购买/进入学习 End -->
        </div>
    </div>
</div>
<!-- 列表 End -->

<!-- 课程列表内容 -->
<div class="course-head">
    <div class="course-cover-2 clearfix">

        <!-- 左边信息 -->
        <div class="course-cover-fl">
            <div class="aui-nav-content-box">

                <!-- TAB -->
                <div class="aui-nav-list-box">
                    <ul>
                        <li class="aui-current"><span>课程信息</span></li>
                        <li><span>课程目录</span></li>
                    </ul>
                </div>
                <!-- TAB End -->

                <!-- 切换 -->
                <div class="aui-nav-list-tab">
                    <!-- 课程简介 -->
                    <div class="aui-nav-list-item" style="display:block">
                        <div class="yxw-kc-jianjie">
                            <p>
                                <img alt="" src="/images/1-200111101400639.jpg">
                            </p>
                            <p>
                                <img alt="" src="/images/1-200111101411501.jpg">
                            </p>
                        </div>
                    </div>
                    <!-- 课程简介 End -->
                    <!-- 课程目录 -->
                    <div class="aui-nav-list-item" style="display: none;">
                        
                    </div>
                    <!-- 课程目录 End -->
                </div>
                <!-- 切换 End -->
            </div>
        </div>
        <!-- 左边信息 End -->


        <!-- 右边信息 -->
        <div class="course-cover-fr">
            <h3>精选好课</h3>
            <ul>
                <li>
                    <a href="" class="link" rel="nofollow">
                        <img class="course-img-bg lazy-img" src="/images/1-20012G4563K54.jpg" style="display: block;">
                    </a>
                    <p><a href="" class="title">如何用6系统创建一个符合SEO的网站</a></p><span>O集全</span>
                </li>
                <li>
                    <a href="" class="link" rel="nofollow">
                        <img class="course-img-bg lazy-img" src="/images/1-200116160922432.jpg" style="display: block;">
                    </a>
                    <p><a href="" class="title">如何用6系统创建一个符合SEO的网站</a></p><span>O集全</span>
                </li>
                <li>
                    <a href="" class="link" rel="nofollow">
                        <img class="course-img-bg lazy-img" src="/images/1-200116160A5261.jpg" style="display: block;">
                    </a>
                    <p><a href="" class="title">如何用6系统创建一个符合SEO的网站</a></p><span>O集全</span>
                </li>
            </ul>
        </div>
        <!-- 右边信息 End -->

    </div>
</div>
<!-- 课程列表内容 End -->


<!-- 底部版权 -->
<div class="footer-link">
    <!-- logo -->
    <div class="layout-cont-logo">
        <img src="/images/footer-logo.png" />
    </div>

    <div class="w1200">
        <ul>
            <li class="link">
                <a href="#about/index/" rel="nofollow">关于我们</a>
                <span class="sep">|</span>
                <a href="#about/banquan/" rel="nofollow">版权声明</a>
                <span class="sep">|</span>
                <a href="#about/lianxi/" rel="nofollow">联系我们</a>
                <span class="sep">|</span>
                <a href="#about/faq/" rel="nofollow">帮助中心</a>
                <span class="sep">|</span>
                <a href="#tequan/" rel="nofollow">VIP特权</a>
            </li>
        </ul>
        <p>Copyright © 2005-2020 蜗牛学堂 版权所有<a href="http://beian.miit.gov.cn/" rel="nofollow" target="_blank"
                                                  class="footer-yxw-gxb">粤ICP备xxxxxxxx号</a></p>
        <p>咨询电话：13988888888，QQ客服：88888888</p>

    </div>
</div>
<!-- 底部版权 End -->

<script type="text/javascript">
    //tab切换
    $(function () {
        $('.aui-nav-list-box ul li').click(function () {
            $(this).addClass('aui-current').siblings().removeClass('aui-current');
            $('.aui-nav-list-tab>div:eq(' + $(this).index() + ')').show().siblings().hide();
        })
    });
</script>
</body>
</html>